/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
// 定制样式变量接口，所有组件定制变量存于该文件
// 允许修改变量参数请查看 default.scss 覆盖相应变量参数即可
//@import "variable";

// Colors
// ---
$primary-color                     : #875a7b;
$theme-default-color               : #008784 !default;
$theme-primary-color               : #00a09d !default;
$theme-highlight-color             : #006361 !default;
$theme-select-color                : #e6f3f3 !default;
$theme-select-active-color         : #ecf6f6 !default;
$theme-hover-color                 : #006d6b !default;
$theme-active-color                : #003a39 !default;
$theme-disable-color               : #777 !default;
$text-color                        : #666;
$disabled-color                    : rgba(0,0,0,0.25);


//--- 整体框架（frame）
//-- 侧边栏（aside）

// 手风琴菜单菜单（nav）
$aside-nav-group-text-color        : $theme-primary-color;
$aside-nav-text-hover-color        : $theme-default-color;
$aside-nav-selected-text-color     : $theme-default-color;
$aside-nav-selected-bg-color       : $theme-select-active-color;
$aside-nav-selected-bg-h-color     : $theme-select-color;

// 气泡菜单（menu）
$aside-menu-text-hover-color       : $theme-default-color;
$aside-menu-selected-bg-h-color    : $theme-select-color;
$aside-menu-con-selected-bg-color  : $theme-select-color;

$aside-menu-group-text-color       : $theme-primary-color;
$aside-menu-group-text-hover-color : $theme-hover-color;

//-- 导航条（reuse-tab）
$reuse-tab-active-color            : $theme-default-color;
$reuse-tab-ink-color               : $theme-default-color;

//--- 布局变量（layout） ---//
$login-tabs-color                  : $theme-primary-color;
$login-btn-color                   : $theme-primary-color;
$login-btn-color-h                 : $theme-default-color;

$login-forget-color                : $theme-default-color;

// Form
// ---
$label-color                       : #666;

// List items
// ---
$item-active-bg: $theme-select-color;
$item-hover-bg: $theme-select-color;

// LINK
// ---
$link-color: $theme-default-color;
$link-hover-color: $theme-hover-color;
$link-active-color: $theme-active-color;

// Outline
// ---
$outline-color: $theme-default-color;

// Sidebar
// ---


// Input
// ---
//$input-height-base: 28px;

// Button
// ---
//$btn-height-base: 28px;

$btn-default-color: $theme-default-color;
$btn-default-bg: #fff;
$btn-default-bg-h: #e6e6e6;
$btn-default-border: #fff;
$btn-default-border-h: #e0e0e0;

$btn-primary-color: #fff;
$btn-primary-bg: $theme-primary-color;
$btn-primary-bg-h: $theme-hover-color;
$btn-primary-border: $theme-primary-color;
$btn-primary-border-h: $theme-highlight-color;

$btn-highlight-color: #fff;
$btn-highlight-bg: $theme-hover-color;
$btn-highlight-border: $theme-highlight-color;

$btn-disable-color: $theme-disable-color;
$btn-disable-bg: #fff;
$btn-disable-border: #fff;

// Checkbox
$checkbox-color: $theme-default-color;

// Radio
$radio-dot-color: $theme-default-color;

// Tabs
// ---
//$tabs-card-height: 28px;
$tabs-card-active-color: $theme-default-color;
$tabs-ink-bar-bg-color: $theme-default-color;
$tab-active-color: $theme-active-color;
$tab-highlight-color: $theme-default-color;
$tab-hover-color: $theme-active-color;

// Notice-icon
// ---
$notice-icon-list-bg-h: $theme-select-color;

// Input
// ---
$input-hover-border-color: $theme-default-color;

// Menu
// ---
$menu-highlight-color: $theme-default-color;
//$menu-item-active-bg: $theme-default-color;
$menu-dark-item-selected-bg: $theme-default-color;

// Ng-Select
// ---
$ng-select-option-color: $theme-select-color;
$ng-select-selected-color: $theme-select-active-color;

// Calendar
$calendar-color: $theme-default-color;
$calendar-color-active: $theme-select-active-color;

//$calendar-week-bg-h: $theme-primary-color;
//$calendar-week-bg-active: $theme-primary-color;

// TimeLine
// ---
$time-line-main-color: #f2f2f2;
//$time-line-main-bg: #f1f1f1;
$time-line-main-bg: #f6f6f6;
$time-line-border: $time-line-main-color;
$time-line-text: rgba(0, 0, 0, 0.65);
$time-line-icon: $theme-default-color;

// Tree
// ---
$tree-default-bg-h: $theme-select-color;
$tree-primary-color: $theme-select-color;
$tree-primary-bg: $theme-default-color;

$tree-check-box-border-h: $theme-default-color;
$tree-check-box-bg: $theme-default-color;
$tree-check-box-color: #fff;

// Pagination
// ---
$pagination-color: $theme-primary-color;

$pagination-item-active-color-h: $theme-hover-color;
$pagination-item-active-border-h: $theme-hover-color;

$pagination-next-border-h: $theme-hover-color;



::-webkit-scrollbar {
  width: 8px;
  height: 7px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.5);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #6e6e6e;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.5);
}

